<script>
	import {
		mapMutations
	} from 'vuex'
	import {
		mapState
	} from 'vuex'
	import {
		mapGetters
	} from 'vuex'
	export default {
		data() {
			return {
			   // 技师详情
			   technicianDetails:null
			}
		},
		onLaunch: async function() {
			// 设置全局打印为空
			// console.log = () => {};
			console.log('App Launch');
			// 判断是否有技师id 如果有调用查询技师的所以信息
			if(uni.getStorageSync('technicianId')){
				const technicianId=uni.getStorageSync('technicianId')
				const result = await this.$http.get({
					url: this.$api.queryTechnician+'/'+technicianId,
					
				});
				console.log(result)
				this.technicianDetails=result.data
				this.technicianDetailsFn(this.technicianDetails?this.technicianDetails:{})
			}
		
			// 在这里进行回显提交的技师详情数据
		},
		onLoad() {
			console.log('App Launch');
		},

		onShow: function() {
			console.log('App Show');
		},
		onHide: function() {
			console.log('App Hide');
		},
		methods:{
			...mapMutations('user', ['technicianDetailsFn'])
		},
	};
</script>

<style lang="less">
	/* 引入新的图标 */
	@import url('./common/css/iconfont.css');
	@import url('./common/css/iconfont2.css');
    @import url('./common/css/sun.css');
	/*每个页面公共css */
	view {
		font-size: 28rpx;
	}

	text {
		font-size: 24rpx;
	}

	.bjfff {
		background-color: #fff;
	}

	.width25 {
		width: 25%;
	}

	.width20 {
		width: 20%;
	}

	.width80 {
		width: 80%;
	}

	.width100 {
		width: 100% !important;
	}

	/* 底部白底定位 */
	.fixed-btn {
		z-index: 999;
		position: fixed;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		padding: 20rpx 20rpx 40rpx;
	}

	.fixed-btn-padding {
		padding-bottom: 180rpx;
	}

	.btn-cls {
		color: #fff;
		font-size: 36rpx;
		line-height: 68rpx;
		width: 710rpx;
		height: 100rpx;
		border-radius: 56rpx;
		background: linear-gradient(90deg, #0ac364 0%, #14df79 100%);
	}
	
	/* 性别样式 */
	.sex-class {
		font-size: 24rpx;
		color: #fff;
		background-color: #fd73a5;
		border-radius: 44rpx;
		padding: 2rpx 10rpx;
		margin-left: 20rpx;

		image {
			width: 26rpx !important;
			height: 26rpx !important;
			margin-right: 6rpx;
		}
	}

	// 单选框大小
	.min-radio {
		transform: scale(0.8);
	}

	/* 左侧矩形 */
	.left-rectangle {
		width: 8rpx;
		height: 28rpx;
		background-color: #19c866;
	}
.m-top40 {
	margin-top: 40rpx;
}
	.right-border {
		width: 2rpx;
		height: 94rpx;
		background-color: #eeeeee;
	}

	.font32 {
		font-size: 32rpx;
	}

	.font36 {
		font-size: 36rpx;
	}

	.font24 {
		font-size: 24rpx;
	}

	.font26 {
		font-size: 26rpx;
	}

	.font40 {
		font-size: 40rpx;
	}

	.bold {
		font-weight: bold;
	}

	.red {
		color: #ff0000 !important;
	}

	.color6a {
		color: #6A6A6A;
	}

	.colora7 {
		color: #a7a7a7;
	}

	.color333 {
		color: #333;
	}

	.color666 {
		color: #666;
	}

	.color888 {
		color: #888;
	}

	.color999 {
		color: #999;
	}

	.colora5 {
		color: #A5A5A5;
	}

	.golden {
		color: #FFEEBA;
	}

	.green {
		color: #19c866 !important;
	}

	.border50 {
		border-radius: 50%;
	}

	.padding20 {
		padding: 20rpx;
	}

	.padding30 {
		padding: 30rpx;
	}

	.p-left30 {
		padding-left: 30rpx !important;
	}

	.p-left20 {
		padding-left: 20rpx !important;
	}

	.p-align-top20 {
		padding: 20rpx 0;
	}

	.p-align-top30 {
		padding: 30rpx 0;
	}

	.p-align-top40 {
		padding: 40rpx 0 !important;
	}

	.p-right40 {
		padding-right: 40rpx !important;
	}

	.p-around30 {
		padding: 0 30rpx;
	}

	.p-around20 {
		padding: 0 10rpx;
	}

	.p-around10 {
		padding: 0 10rpx;
	}

	.p-align30 {
		padding: 30rpx 0;
	}

	.p-around15 {
		padding: 0 15rpx;
	}

	.margin20 {
		margin: 20rpx;
	}

	.m-top10 {
		margin-top: 10rpx;
	}

	.border-left {
		border-left: 2rpx solid #fff;
	}

	.border {
		border-bottom: 2rpx solid #f6f6f6;
	}

	.p-align-top10 {
		padding: 10rpx 0;
	}

	.p-top10 {
		padding-top: 10rpx;
	}

	.p-top20 {
		padding-top: 20rpx;
	}

	.p-top30 {
		padding-top: 30rpx;
	}

	.p-bottom20 {
		padding-bottom: 20rpx;
	}

	.p-bottom30 {
		padding-bottom: 30rpx;
	}

	.p-bottom10 {
		padding-bottom: 10rpx;
	}

	.text-decoration {
		padding: 0 6rpx;
		text-decoration: line-through;
	}

	.m-left20 {
		margin-left: 20rpx;
	}

	.m-left10 {
		margin-left: 10rpx;
	}

	.m-right10 {
		margin-right: 10rpx;
	}

	.m-top6 {
		margin-top: 6rpx;
	}

	.m-bottom16 {
		margin-bottom: 16rpx;
	}

	.m-bottom30 {
		margin-bottom: 30rpx;
	}

	.m-bottom6 {
		margin-bottom: 6rpx;
	}

	/* 粘性定位 */
	.sticky-top {
		position: sticky;
		top: 0;
		z-index: 999;
	}

	.relative {
		position: relative;
	}

	.color_FFFFFF {
		color: #fff;
	}

	.flex1 {
		flex: 1;
	}

	.display {
		display: flex;
	}

	.flex {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.flex-column {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	// 上下自动间距对其
	.flex-auto-columns {
		display: flex;
		justify-content: space-around;
		flex-direction: column;
	}

	.flex-columns {
		display: flex;
		flex-direction: column;
	}

	.flex-between-columns {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.flex-align-center {
		display: flex;
		align-items: center;
	}

	.flex-top-start {
		display: flex;
		align-items: baseline;
	}

	.flex-bottom {
		display: flex;
		align-items: flex-end;
	}

	.flex-end {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.flex-between {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.flex-betweens {
		display: flex;
		justify-content: space-between;
	}

	.flex-around {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.flex-wrap {
		display: flex;
		flex-wrap: wrap;
	}

	/* 3行文字省略 */
	.font-overflow3 {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		overflow: hidden;
		-webkit-box-orient: vertical;
	}

	/* 2行文字省略 */
	.font-overflow2 {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		-webkit-box-orient: vertical;
	}

	/* 单行文字省略 */
	.font-overflow {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
</style>